<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="target-densitydpi=device-dpi, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <link rel="stylesheet" href="../../../../public/css/general.css">
    <link rel="stylesheet" href="../../../../public/css/mint-ui/lib/style.css">
    <link rel="stylesheet" href="../../../../public/css/iconfont/iconfont.css">
    <link rel="stylesheet" href="../../../../public/css/wechat/mine.css">
    <title>白蔬贞</title>
</head>
<body>
<div id="mine-index">
    <div class="header">
        <!--<img class="logo" src="../../../../public/images/mine-logo.png" alt="mine-logo">-->
        <div class="user-info">
            <h3 v-text="info">未登录</h3>
            <h4 v-text="location" v-if="isLogin">广州市天河区江海街道452号</h4>
            <h4 v-text="phone" v-if="isLogin">13145678910</h4>
        </div>
        <div class="img-button" v-text="buttonTip" @click="toLogin()"></div>
    </div>

    <!--menu-->
	<div class="bgBox">
    <div class="menu">
        <div class="item" @click="toShowOrder('1')" :class="{'is-selected': menuSelected=='order'}">
            <div class="icon">
                <img src="../../../../public/images/order-unselected.png" v-if="menuSelected!='order'" alt="我的订单">
                <img src="../../../../public/images/order-selected.png" v-if="menuSelected=='order'" alt="我的订单">
            </div>
            <div class="label">
                我的订单
            </div>
        </div>
        <div class="item" @click="toShowOrder('2')" :class="{'is-selected': menuSelected=='wait'}">
            <div class="icon">
                <img src="../../../../public/images/wait-unselected.png" v-if="menuSelected!='wait'" alt="待收货">
                <img src="../../../../public/images/wait-selected.png" v-if="menuSelected=='wait'" alt="待收货">
            </div>
            <div class="label">
                待收货
            </div>
        </div>
        <div class="item" @click="toShowOrder('4')" :class="{'is-selected': menuSelected=='finish'}">
            <div class="icon">
                <img src="../../../../public/images/finish-unselected.png" v-if="menuSelected!='finish'" alt="已完成">
                <img src="../../../../public/images/finish-selected.png" v-if="menuSelected=='finish'" alt="已完成">
            </div>
            <div class="label">
                已完成
            </div>
        </div>
        <div class="item" @click="toShowOrder('5')" :class="{'is-selected': menuSelected=='cancel'}">
            <div class="icon">
                <img src="../../../../public/images/cancel-unselected.png" v-if="menuSelected!='cancel'" alt="已取消">
                <img src="../../../../public/images/cancel-selected.png" v-if="menuSelected=='cancel'" alt="已取消">
            </div>
            <div class="label">
                已取消
            </div>
        </div>
    </div>
</div>
    <!--常购清单区域-->
	<div class="bgBox02">
    <div class="cell">
        <div class="item">
            <div class="title">常购清单</div>
            <div class="fotter">
                <a href="../oftenbuy/index.html">
                    <img src="../../../../public/images/right.png" alt="">
                </a>
            </div>
        </div>
        <div class="item">
            <div class="title">拨打客服电话</div>
            <div class="fotter">
                <a href="'tel://'+consumerHotline">
                    <img src="../../../../public/images/right.png" alt="">
                </a>
            </div>
        </div>
    </div>
</div>
    <!--底部导航-->
    <mt-tabbar v-model="selected">
        <mt-tab-item id="home">
            <img slot="icon" src="../../../../public/images/home-unselected.png">
            首页
        </mt-tab-item>
        <mt-tab-item id="all">
            <img slot="icon" src="../../../../public/images/all-unselected.png">
            全部
        </mt-tab-item>
        <mt-tab-item id="cart">
            <sup v-if="cartNum>0" v-text="cartNumFilter"></sup>
            <img slot="icon" src="../../../../public/images/cart-unselected.png">
            购物车
        </mt-tab-item>
        <mt-tab-item id="mine">
            <img slot="icon" src="../../../../public/images/mine-selected.png">
            我的
        </mt-tab-item>
    </mt-tabbar>
</div>
<script src="../../../../public/js/vue.js"></script>
<script src="../../../../public/css/mint-ui/lib/index.js"></script>
<script src="../../../../public/js/store.js"></script>
<script src="../../../../public/js/wechat/mixin.js"></script>
<script src="../../../../public/js/wechat/mine/index.js"></script>
</body>
</html>